<title>Plateau</title>
</head>
<body>
	<c:if test="${joueur == null}">
		<jsp:forward page="/WEB-INF/jsp/index.html"></jsp:forward>
	</c:if>
	<h1>Le plateau</h1>
	   <script src="js/scriptPlateau.js"></script>

		


 <div  id="image"><img src="img/plateau/plateauFinal.png" ></img>
 	
	<div class="droppable">
	
	
	 	<c:forEach begin="1" end="36" var="val">
   			<div id="case<c:out value="${val}"/>" ></div>		
		</c:forEach>
		
	</div>
</div>

<div id="base">
	<span>
  <img  class="draggable"  alt='<c:out value="${jeton1}"/>'src="img/jetons/anneau<c:out value="${jeton1}"/>.png"></img>
	</span>
	<span>
	<img  class="draggable" alt='<c:out value="${jeton2}"/>'src="img/jetons/anneau<c:out value="${jeton2}"/>.png"></img>
	</span>
	<span>
	<img  class="draggable" alt='<c:out value="${jeton3}"/>'  src="img/jetons/anneau<c:out value="${jeton3}"/>.png"></img>
	</span>
	<span class="affichage"> <p><c:out value="${de}"/></p></span>

</div>
<input type="button" class="button"name="Valider" value="Valider" onclick="envoyerMessage()" style="margin-top:100px;" />

